<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!doctype html>
<html lang="en">

	<head>
		<title>待审核任务</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<!-- VENDOR CSS -->
		<link rel="stylesheet" href="styles/css/jquery-ui.min.css" />
		<link rel="stylesheet" href="styles/css/bootstrap.min.css">
		<link rel="stylesheet" href="styles/css/font-awesome.min.css">
		<link rel="stylesheet" href="styles/css/style.css">
		<!-- MAIN CSS -->
		<link rel="stylesheet" href="styles/css/main.css">
		<!-- FOR DEMO PURPOSES ONLY. You should remove this in your project -->
		<link rel="stylesheet" href="styles/css/demo.css">
		<!-- GOOGLE FONTS -->
		<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
		<!-- ICONS -->
		<link rel="apple-touch-icon" sizes="76x76" href="styles/images/apple-icon.png">
		<link rel="icon" type="image/png" sizes="96x96" href="styles/images/favicon.png">
	</head>

	<body>
		<!-- WRAPPER -->
		<div id="wrapper">
			<!-- NAVBAR -->
			<%@ include file="common/navbar.html"%>
			<!-- END NAVBAR -->
			<!-- LEFT SIDEBAR -->
			<%@ include file="common/sidebar.html"%>
			<!-- END LEFT SIDEBAR -->
			<!-- MAIN -->
			<div class="main">
				<!-- MAIN CONTENT -->
				<div class="main-content">
					<div class="container-fluid">
						<div class="row">
							<div class="col-md-4">
								<h3 class="page-title">项目详情</h3>
							</div>
							<div class="col-md-2">
							</div>
							<div class="col-md-2">
								<button type="button" class="btn btn-primary btn-block">上传附件</button>
							</div>
							<div class="col-md-2">
								<a href="updateProject?pid=${projectPhases[0].id.pmProjectInfo.pid}" class=""><button type="button" class="btn btn-primary btn-block">修改计划</button></a>
							</div>
							<div class="col-md-2">
								<button type="button" class="btn btn-primary btn-block">项目结束</button>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12">
								<!-- TABLE STRIPED -->
								<div class="panel">
									<div class="panel-heading">
										<!--<div class="row">
									<div class="col-md-5">
										<h4>项目编号: <mark>${projectPhases[0].id.pmProjectInfo.pid}</mark></h4>
									</div>
									<div class="col-md-offset-2 col-md-5">
										<h4>项目名称: <mark>${projectPhases[0].id.pmProjectInfo.pname}</mark></h4>
									</div>
								</div>-->
										<!--<h5>项目编号: <mark>${projectPhases[0].id.pmProjectInfo.pid}</mark></h5>
								<h5>项目名称: <mark>${projectPhases[0].id.pmProjectInfo.pname}</mark></h5>-->
										<form class="form-horizontal">
											<div class="form-group">
												<label class="control-label col-md-1" style="text-align: left;">项目编号：</label>
												<div class="col-md-2">
													<input type="text" class="form-control" name="pid" placeholder="项目编号" disabled value="${projectPhases[0].id.pmProjectInfo.pid}" />
												</div>
												<label class="control-label col-md-1" style="text-align: left;">项目名称：</label>
												<div class="col-md-2">
													<input type="text" class="form-control" name="pname" disabled value="${projectPhases[0].id.pmProjectInfo.pname}" placeholder="项目名称" />
												</div>
												<label class="control-label  col-md-1" style="text-align: left;">项目分值：</label>
												<div class="col-md-1">
													<input type="text" class="form-control" name="proPoint" disabled value="${projectPhases[0].id.pmProjectInfo.proPoint}" placeholder="项目分值" />
												</div>
											</div>
										</form>
										<hr />
									</div>
									<div class="panel-body">
										<table class="table table-bordered">
											<thead>
												<tr>
													<th>阶段任务</th>
													<th>计划起始时间</th>
													<th>计划结束时间</th>
													<th>实际起始时间</th>
													<th>实际结束时间</th>
													<th>负责部门</th>
													<th>状态</th>
												</tr>
											</thead>
											<tbody>
												<s:iterator value="projectPhases">
													<c:set var="state" value="${phaseState+''}"></c:set>
													<c:choose>
														<c:when test="${state=='-1'}">
															<c:set var="state" value="未开始"></c:set>
														</c:when>
														<c:when test="${state=='0'}">
															<c:set var="state" value="进行中"></c:set>
														</c:when>
														<c:otherwise>
															<c:set var="state" value="已完成"></c:set>
														</c:otherwise>
													</c:choose>
													<tr>
														<td>${id.pmPhaseInfo.phaseName}</td>
														<td><s:date name="phasePlanStartTime" format="yyyy-MM-dd" /></td>
														<td><s:date name="phasePlanEndTime" format="yyyy-MM-dd" /></td>
														<td><s:date name="phaseRealStartTime" format="yyyy-MM-dd" /></td>
														<td><s:date name="phaseRealEndTime" format="yyyy-MM-dd" /></td>
														<td>${id.pmPhaseInfo.motusDept.name}</td>
														<td>${state}</td>
													</tr>
												</s:iterator>
											</tbody>
										</table>
									</div>
								</div>
								<!-- END TABLE STRIPED -->
							</div>

						</div>

					</div>
				</div>
				<!-- END MAIN CONTENT -->
			</div>
			<!-- END MAIN -->
			<div class="clearfix"></div>

		</div>
		<!-- END WRAPPER -->
		<!-- Javascript -->
		<script src="scripts/common/jquery-3.2.1.min.js"></script>
		<script src="scripts/common/bootstrap.min.js"></script>
		<script src="scripts/common/jquery.slimscroll.min.js"></script>
		<script src="scripts/common/klorofil-common.js"></script>
	</body>

</html>